{layout name="../common/master"/}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/dataanalyse/analyse.css">
<script src="__PUBLIC__/home/js/datacolor.js"></script>

<div id="right" style="min-height: 850px;">
    <div id="main" style="width: 1080px;height:400px;"></div>
</div>
<script type="text/javascript" src="__PUBLIC__/home/dataanalyse/analyse.js"></script>
<script>
    var myChart = echarts.init(document.getElementById('main'));
    option = {
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                crossStyle: {
                    color: '#999'
                }
            }
        },
        toolbox: {
            feature: {
                dataView: {show: true, readOnly: false},
                magicType: {show: true, type: ['line', 'bar']},
                restore: {show: true},
                saveAsImage: {show: true}
            }
        },
        legend: {
            data:['日注册量','日注册量']
        },
        xAxis: [
            {
                type: 'category',
                data: {$data['data']},
                axisPointer: {
                    type: 'shadow'
                }
            }
        ],
        yAxis: [
            {
                type: 'value',
                name: '日注册量',
                interval: 10,
                axisLabel: {
                    formatter: '{value} 人'
                }
            }
        ],
        series: [
            {
                name:'日注册量',
                type:'bar',
                data:{$data['date']}
            }, {
                name:'日注册量',
                type:'line',
                zlevel:2,
                lineStyle:{
                    normal:{
                        color: {
                            type: 'linear',
                            x: 0,
                            y: 0,
                            x2: 0,
                            y2: 1,
                            colorStops: [{
                                offset: 0, color: 'red' // 0% 处的颜色
                            }, {
                                offset: 1, color: 'blue' // 100% 处的颜色
                            }],
                            globalCoord: false // 缺省为 false
                        }
                    }
                },
                data:{$data['date']}
            }
        ]
    };
    myChart.setOption(option);
</script>
<script type="text/javascript" src="__PUBLIC__/home/tuo/DatePicker/WdatePicker.js"></script>
<script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>